<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>Blink - Startup & SaaS Bootstrap 5 Template.</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.svg" />

    <!-- ========================= CSS here ========================= -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/LineIcons.3.0.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <link rel="stylesheet" href="assets/css/tiny-slider.css" />
    <link rel="stylesheet" href="assets/css/glightbox.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />

</head>

<body>
    <!--[if lte IE 9]>
      <p class="browserupgrade">
        You are using an <strong>outdated</strong> browser. Please
        <a href="https://browsehappy.com/">upgrade your browser</a> to improve
        your experience and security.
      </p>
    <![endif]-->

    <!-- Preloader -->
    <div class="preloader">
        <div class="preloader-inner">
            <div class="preloader-icon">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <!-- /End Preloader -->

    <!-- Start Header Area -->
    <header class="header navbar-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="nav-inner">
                        <!-- Start Navbar -->
                        <nav class="navbar navbar-expand-lg">
                            <a class="navbar-brand" href="index.html">
                                <img src="assets/images/logo/logo.svg" alt="Logo">
                            </a>
                            <button class="navbar-toggler mobile-menu-btn" type="button" data-bs-toggle="collapse"
                                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                                <span class="toggler-icon"></span>
                                <span class="toggler-icon"></span>
                                <span class="toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                                <ul id="nav" class="navbar-nav ms-auto">
                                    <li class="nav-item">
                                        <a class="dd-menu active collapsed" href="index.html" data-bs-toggle="collapse"
                                            data-bs-target="#submenu-1-1" aria-controls="navbarSupportedContent"
                                            aria-expanded="false" aria-label="Toggle navigation">Home</a>
                                        <ul class="sub-menu collapse" id="submenu-1-1">
                                            <li class="nav-item"><a href="index.html">Saas Homepage</a></li>
                                            <li class="nav-item active"><a href="index2.html">Startup Homepage</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a class="dd-menu collapsed" href="javascript:void(0)" data-bs-toggle="collapse"
                                            data-bs-target="#submenu-1-2" aria-controls="navbarSupportedContent"
                                            aria-expanded="false" aria-label="Toggle navigation">Pages</a>
                                        <ul class="sub-menu collapse" id="submenu-1-2">
                                            <li class="nav-item"><a href="about-us.html">About Us</a></li>
                                            <li class="nav-item"><a href="pricing.html">Our Pricing</a></li>
                                            <li class="nav-item"><a href="services.html">Our Services</a></li>
                                            <li class="nav-item"><a href="signin.html">Sign In</a></li>
                                            <li class="nav-item"><a href="signup.html">Sign Up</a></li>
                                            <li class="nav-item"><a href="reset-password.html">Reset Password</a></li>
                                            <li class="nav-item"><a href="mail-success.html">Mail Success</a></li>
                                            <li class="nav-item"><a href="404.html">404 Error</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a href="services.html" aria-label="Toggle navigation">Services</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="dd-menu collapsed" href="javascript:void(0)" data-bs-toggle="collapse"
                                            data-bs-target="#submenu-1-3" aria-controls="navbarSupportedContent"
                                            aria-expanded="false" aria-label="Toggle navigation">Blog</a>
                                        <ul class="sub-menu collapse" id="submenu-1-3">
                                            <li class="nav-item"><a href="blog-grid.html">Blog Grid</a>
                                            </li>
                                            <li class="nav-item"><a href="blog-single.html">Blog Single</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a href="contact.html" aria-label="Toggle navigation">Contact</a>
                                    </li>
                                </ul>
                            </div> <!-- navbar collapse -->
                            <div class="button">
                                <a href="signin.html" class="signin">Sign In</a>
                                <a href="signup.html" class="signup">Sign Up</a>
                            </div>
                        </nav>
                        <!-- End Navbar -->
                    </div>
                </div>
            </div> <!-- row -->
        </div> <!-- container -->
    </header>
    <!-- End Header Area -->

    <!-- Start Hero Area -->
    <section class="hero-area style2">
        <div class="main__circle"></div>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-5 col-md-12 col-12">
                    <div class="hero-content">
                        <h4>Feel Like Pro <svg style="display: inline-block; margin-left: 5px;" width="14" height="16"
                                viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M0.694085 7.80312C0.694085 7.80312 1.32621 8.73178 2.65108 9.51784C2.65108 9.51784 1.69155 1.40841 7.94352 0C6.34174 5.87878 9.98102 7.53669 11.3076 4.43081C13.523 7.38866 11.8409 9.96922 11.8409 9.96922C12.7493 10.1001 13.5124 9.10766 13.5124 9.10766C13.5192 9.22991 13.523 9.353 13.523 9.47697C13.5231 13.0795 10.6026 16 6.99999 16C3.3974 16 0.476929 13.0795 0.476929 9.47694C0.476929 8.89825 0.552679 8.33731 0.694085 7.80312Z"
                                    fill="#FF6536" />
                                <path
                                    d="M13.5124 9.10766C13.5124 9.10766 12.7494 10.1001 11.841 9.96922C11.841 9.96922 13.5231 7.38866 11.3077 4.43081C9.98106 7.53669 6.34178 5.87878 7.94356 0C7.60872 0.0754375 7.29472 0.170219 7 0.281812V16C10.6026 16 13.5231 13.0795 13.5231 9.47694C13.5231 9.35297 13.5193 9.22991 13.5124 9.10766Z"
                                    fill="#FF421D" />
                                <path
                                    d="M4.14062 13.139C4.14062 14.7189 5.42144 15.9998 7.00138 15.9998C8.58131 15.9998 9.86213 14.7189 9.86213 13.139C9.86213 12.2933 9.49522 11.5334 8.91187 11.0097C7.80581 12.5123 6.22963 10.2329 7.458 8.56836C7.458 8.56836 4.14062 8.98408 4.14062 13.139Z"
                                    fill="#FBBF00" />
                                <path
                                    d="M9.86075 13.1392C9.86075 12.2936 9.49384 11.5336 8.9105 11.0099C7.80444 12.5126 6.22825 10.2332 7.45662 8.5686C7.45662 8.5686 7.27637 8.59126 7 8.67848V16C8.57994 16 9.86075 14.7192 9.86075 13.1392Z"
                                    fill="#FFA900" />
                            </svg>
                        </h4>
                        <h1><span class="wow fadeInUp" data-wow-delay=".4s">A Complete Template</span>
                            <span class="wow fadeInUp" data-wow-delay=".8s">For SaaS</span>
                            <span class="wow fadeInUp" data-wow-delay="1.2s">And Startup</span>
                            <span class="color2 wow fadeInUp" data-wow-delay="1.6s">Websites</span>
                        </h1>
                        <p>Power your business to new heights with our
                            award-winning digital marketing services and technology platform.</p>
                        <div class="button">
                            <a href="contact.html" class="btn ">Get started</a>
                            <a href="#"
                                class="glightbox video"> <span class="video-icon"><i
                                        class="lni lni-play"></i></span><span class="video-text">Intro
                                    Video</span></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7 col-12">
                    <div class="hero-image">
                        <img src="assets/images/hero/image.svg" alt="#">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Hero Area -->

    <!-- Start Services Area -->
    <section class="services style2 section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h3 class="wow zoomIn" data-wow-delay=".2s">Services</h3>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">Our Best Services</h2>
                        <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
                            Ipsum available, but the majority have suffered alteration in some form.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-12  wow fadeInUp" data-wow-delay=".4s">
                    <!-- Start Single Service -->
                    <div class="single-service">
                        <div class="service-icon">
                            <i class="lni lni-grid-alt"></i>
                        </div>
                        <h3>Design & Vreatives</h3>
                        <p>There are many variations passages of Lorem lpsum majority, some words don’t look believable.
                        </p>
                    </div>
                    <!-- End Single Service -->
                </div>
                <div class="col-lg-4 col-md-6 col-12  wow fadeInUp" data-wow-delay=".6s">
                    <!-- Start Single Service -->
                    <div class="single-service">
                        <div class="service-icon">
                            <i class="lni lni-envelope"></i>
                        </div>
                        <h3>Email Marketing</h3>
                        <p>There are many variations passages of Lorem lpsum majority, some words don’t look believable.
                        </p>
                    </div>
                    <!-- End Single Service -->
                </div>
                <div class="col-lg-4 col-md-6 col-12  wow fadeInUp" data-wow-delay=".8s">
                    <!-- Start Single Service -->
                    <div class="single-service">
                        <div class="service-icon">
                            <i class="lni lni-headphone-alt"></i>
                        </div>
                        <h3>Customer Support</h3>
                        <p>There are many variations passages of Lorem lpsum majority, some words don’t look believable.
                        </p>
                    </div>
                    <!-- End Single Service -->
                </div>
                <div class="col-lg-4 col-md-6 col-12  wow fadeInUp" data-wow-delay=".4s">
                    <!-- Start Single Service -->
                    <div class="single-service">
                        <div class="service-icon">
                            <i class="lni lni-network"></i>
                        </div>
                        <h3>Digital Marketing</h3>
                        <p>There are many variations passages of Lorem lpsum majority, some words don’t look believable.
                        </p>
                    </div>
                    <!-- End Single Service -->
                </div>
                <div class="col-lg-4 col-md-6 col-12  wow fadeInUp" data-wow-delay=".6s">
                    <!-- Start Single Service -->
                    <div class="single-service">
                        <div class="service-icon">
                            <i class="lni lni-blackboard"></i>
                        </div>
                        <h3>Graphics Design</h3>
                        <p>There are many variations passages of Lorem lpsum majority, some words don’t look believable.
                        </p>
                    </div>
                    <!-- End Single Service -->
                </div>
                <div class="col-lg-4 col-md-6 col-12  wow fadeInUp" data-wow-delay=".8s">
                    <!-- Start Single Service -->
                    <div class="single-service">
                        <div class="service-icon">
                            <i class="lni lni-code"></i>
                        </div>
                        <h3>Web Development</h3>
                        <p>There are many variations passages of Lorem lpsum majority, some words don’t look believable.
                        </p>
                    </div>
                    <!-- End Single Service -->
                </div>
            </div>
        </div>
    </section>
    <!-- /End Services Area -->

    <!-- Start Process Area -->
    <section class="process section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 col-12 wow fadeInLeft" data-wow-delay=".4s">
                    <img src="assets/images/about/about-image.png" alt="#">
                </div>
                <div class="col-lg-6 col-12">
                    <div class="content">
                        <h4 class="wow fadeInUp" data-wow-delay=".2s">About Us</h4>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">We Are The Leader<br> in Digital Marketing</h2>
                        <p class="wow fadeInUp" data-wow-delay=".6s">Sed ut perspiciatis unde omnis iste natus
                            voluptatem accusantium doloremque laudantium.</p>
                        <p class="wow fadeInUp" data-wow-delay=".7s">If a website accomplishes its goals and works well,
                            then igood web design. This might mean
                            different things for each website, but all good web design will have certain in
                            common.</p>
                        <div class="list">
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-12">
                                    <div class="single-list wow fadeInUp" data-wow-delay=".8s">
                                        <div class="list-icon">
                                            <i class="lni lni-users"></i>
                                        </div>
                                        <h4>Amazing Partners</h4>
                                        <p>Quis autem vel eum reprehenderit</p>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-12">
                                    <div class="single-list wow fadeInUp" data-wow-delay="1s">
                                        <div class="list-icon">
                                            <i class="lni lni-bolt-alt"></i>
                                        </div>
                                        <h4>Finalize & Publish</h4>
                                        <p>Quis autem vel eum reprehenderit</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Process Area -->

    <!-- Start About Area -->
    <section class="about section">
        <div class="shape-1">
            <img src="assets/images/about/shape1.svg" alt="#">
        </div>
        <div class="shape-2">
            <img src="assets/images/about/shape2.svg" alt="#">
        </div>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 col-12">
                    <div class="content">
                        <h4 class="wow fadeInUp" data-wow-delay=".2s">Why Choose Us</h4>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">We Provide Best Digital Marketing Solutions</h2>
                        <p class="wow fadeInUp" data-wow-delay=".6s">Corporate headquarters is the part of a corporate
                            structure that
                            deals with important tasks such as strategic planning.</p>
                        <ul class="why-choose-list">
                            <li class="wow fadeInUp" data-wow-delay=".7s">
                                <span class="number">1</span>
                                <div class="list-content">
                                    <h3>Fast Working Process</h3>
                                    <p>Corporate headquarters is the part of a corporate
                                        structure that deals with important</p>
                                </div>
                            </li>
                            <li class="wow fadeInUp" data-wow-delay=".8s">
                                <span class="number">2</span>
                                <div class="list-content">
                                    <h3>Dedicated Team</h3>
                                    <p>Corporate headquarters is the part of a corporate
                                        structure that deals with important</p>
                                </div>
                            </li>
                            <li class="wow fadeInUp" data-wow-delay=".9s">
                                <span class="number">2</span>
                                <div class="list-content">
                                    <h3>24/7 Hours Support</h3>
                                    <p>Corporate headquarters is the part of a corporate
                                        structure that deals with important</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6 col-12 wow fadeInRight" data-wow-delay=".4s">
                    <img src="assets/images/why-choose/why-choose.png" alt="#">
                </div>
            </div>
        </div>
    </section>
    <!-- End About Area -->

    <!-- Start Pricing Table Area -->
    <section id="pricing" class="pricing-table style2 section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h3 class="wow zoomIn" data-wow-delay=".2s">pricing</h3>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">Pricing & Plans</h2>
                        <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
                            Ipsum available, but the majority have suffered alteration in some form.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay=".4s">
                    <!-- Single Table -->
                    <div class="single-table">
                        <!-- Table Head -->
                        <div class="table-head">
                            <h4 class="title">Starter</h4>
                            <div class="price">
                                <h2 class="amount"><span class="currency">$</span>19<span class="duration">/month</span>
                                </h2>
                            </div>
                        </div>
                        <!-- End Table Head -->
                        <!-- Start Table Content -->
                        <div class="table-content">
                            <!-- Table List -->
                            <ul class="table-list">
                                <li>Commercial License</li>
                                <li>100+ HTML UI Elements</li>
                                <li>01 Domain Support</li>
                                <li class="disable">6 Month Premium Support</li>
                                <li class="disable">Lifetime Updates</li>
                            </ul>
                            <!-- End Table List -->
                        </div>
                        <!-- End Table Content -->
                        <div class="button">
                            <a href="javascript:void(0)" class="btn">Start free trial <i
                                    class="lni lni-arrow-right"></i></a>
                        </div>
                        <p class="no-card">No credit card required</p>
                    </div>
                    <!-- End Single Table-->
                </div>
                <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay=".6s">
                    <!-- Single Table -->
                    <div class="single-table middle">
                        <!-- Table Head -->
                        <div class="table-head">
                            <h4 class="title">Exclusive</h4>
                            <div class="price">
                                <h2 class="amount"><span class="currency">$</span>49<span class="duration">/month</span>
                                </h2>
                            </div>
                        </div>
                        <!-- End Table Head -->
                        <!-- Start Table Content -->
                        <div class="table-content">
                            <!-- Table List -->
                            <ul class="table-list">
                                <li>Commercial License</li>
                                <li>100+ HTML UI Elements</li>
                                <li>01 Domain Support</li>
                                <li>6 Month Premium Support</li>
                                <li class="disable">Lifetime Updates</li>
                            </ul>
                            <!-- End Table List -->
                        </div>
                        <!-- End Table Content -->
                        <div class="button">
                            <a href="javascript:void(0)" class="btn btn-alt">Start free trial <i
                                    class="lni lni-arrow-right"></i></a>
                        </div>
                        <p class="no-card">No credit card required</p>
                    </div>
                    <!-- End Single Table-->
                </div>
                <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay=".8s">
                    <!-- Single Table -->
                    <div class="single-table">
                        <!-- Table Head -->
                        <div class="table-head">
                            <h4 class="title">Premium</h4>
                            <div class="price">
                                <h2 class="amount"><span class="currency">$</span>99<span class="duration">/month</span>
                                </h2>
                            </div>
                        </div>
                        <!-- End Table Head -->
                        <!-- Start Table Content -->
                        <div class="table-content">
                            <!-- Table List -->
                            <ul class="table-list">
                                <li>Commercial License</li>
                                <li>100+ HTML UI Elements</li>
                                <li>01 Domain Support</li>
                                <li>6 Month Premium Support</li>
                                <li>Lifetime Updates</li>
                            </ul>
                            <!-- End Table List -->
                        </div>
                        <!-- End Table Content -->
                        <div class="button">
                            <a href="javascript:void(0)" class="btn">Start free trial <i
                                    class="lni lni-arrow-right"></i></a>
                        </div>
                        <p class="no-card">No credit card required</p>
                    </div>
                    <!-- End Single Table-->
                </div>
            </div>
        </div>
    </section>
    <!--/ End Pricing Table Area -->

    <!-- Start Team Area -->
    <section class="team section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h3 class="wow zoomIn" data-wow-delay=".2s">Team</h3>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">Meet Our Team</h2>
                        <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
                            Ipsum available, but the majority have suffered alteration in some form.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay=".4s">
                    <!-- Start Single Team -->
                    <div class="single-team">
                        <div class="team-image">
                            <img src="assets/images/team/team1.jpg" alt="#">
                        </div>
                        <div class="content">
                            <h4>Liza Marko
                                <span>Graphics Designer</span>
                            </h4>
                            <ul class="social">
                                <li><a href="javascript:void(0)"><i class="lni lni-facebook-filled"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="lni lni-twitter-original"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="lni lni-linkedin-original"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Single Team -->
                </div>
                <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay=".6s">
                    <!-- Start Single Team -->
                    <div class="single-team">
                        <div class="team-image">
                            <img src="assets/images/team/team2.jpg" alt="#">
                        </div>
                        <div class="content">
                            <h4>John Smith
                                <span>Digital Marketer</span>
                            </h4>
                            <ul class="social">
                                <li><a href="javascript:void(0)"><i class="lni lni-facebook-filled"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="lni lni-twitter-original"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="lni lni-linkedin-original"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Single Team -->
                </div>
                <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay=".8s">
                    <!-- Start Single Team -->
                    <div class="single-team">
                        <div class="team-image">
                            <img src="assets/images/team/team3.jpg" alt="#">
                        </div>
                        <div class="content">
                            <h4>Amion Doe
                                <span>Web Developer</span>
                            </h4>
                            <ul class="social">
                                <li><a href="javascript:void(0)"><i class="lni lni-facebook-filled"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="lni lni-twitter-original"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="lni lni-linkedin-original"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Single Team -->
                </div>
            </div>
        </div>
    </section>
    <!--/ End Team Area -->

    <!-- Start Testimonials Area -->
    <section class="testimonials style2 section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h3 class="wow zoomIn" data-wow-delay=".2s">Customer Reviews</h3>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">Our Testimonials</h2>
                        <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
                            Ipsum available, but the majority have suffered alteration in some form.</p>
                    </div>
                </div>
            </div>
            <div class="row testimonial-slider">
                <div class="col-lg-6 col-12 ">
                    <!-- Start Single Testimonial -->
                    <div class="single-testimonial">
                        <img class="shape1" src="assets/images/testimonial/shape-1.svg" alt="#">
                        <img class="shape2" src="assets/images/testimonial/shape-2.svg" alt="#">
                        <div class="inner-content">
                            <div class="qote-icon">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="text">
                                <h4>On the other hand denoun with righteous
                                    and disliks men who are beguiled demorae
                                    momentc blinded by desire that can</h4>
                            </div>
                            <div class="author">
                                <img src="assets/images/testimonial/testi-1.png" alt="#">
                                <h4 class="name">Somalia D Silva
                                    <span class="deg">Business Manager</span>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Testimonial -->
                </div>
                <div class="col-lg-6 col-12 ">
                    <!-- Start Single Testimonial -->
                    <div class="single-testimonial">
                        <img class="shape1" src="assets/images/testimonial/shape-1.svg" alt="#">
                        <img class="shape2" src="assets/images/testimonial/shape-2.svg" alt="#">
                        <div class="inner-content">
                            <div class="qote-icon">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="text">
                                <h4>On the other hand denoun with righteous
                                    and disliks men who are beguiled demorae
                                    momentc blinded by desire that can</h4>
                            </div>
                            <div class="author">
                                <img src="assets/images/testimonial/testi-2.png" alt="#">
                                <h4 class="name">David Warner
                                    <span class="deg">Web Developer</span>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Testimonial -->
                </div>
                <div class="col-lg-6 col-12 ">
                    <!-- Start Single Testimonial -->
                    <div class="single-testimonial">
                        <img class="shape1" src="assets/images/testimonial/shape-1.svg" alt="#">
                        <img class="shape2" src="assets/images/testimonial/shape-2.svg" alt="#">
                        <div class="inner-content">
                            <div class="qote-icon">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="text">
                                <h4>On the other hand denoun with righteous
                                    and disliks men who are beguiled demorae
                                    momentc blinded by desire that can</h4>
                            </div>
                            <div class="author">
                                <img src="assets/images/testimonial/testi-3.png" alt="#">
                                <h4 class="name">Jems Gilario
                                    <span class="deg">Graphics Designer</span>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Testimonial -->
                </div>
                <div class="col-lg-6 col-12 ">
                    <!-- Start Single Testimonial -->
                    <div class="single-testimonial">
                        <img class="shape1" src="assets/images/testimonial/shape-1.svg" alt="#">
                        <img class="shape2" src="assets/images/testimonial/shape-2.svg" alt="#">
                        <div class="inner-content">
                            <div class="qote-icon">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="text">
                                <h4>On the other hand denoun with righteous
                                    and disliks men who are beguiled demorae
                                    momentc blinded by desire that can</h4>
                            </div>
                            <div class="author">
                                <img src="assets/images/testimonial/testi-2.png" alt="#">
                                <h4 class="name">David Warner
                                    <span class="deg">Web Developer</span>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Testimonial -->
                </div>
                <div class="col-lg-6 col-12 ">
                    <!-- Start Single Testimonial -->
                    <div class="single-testimonial">
                        <img class="shape1" src="assets/images/testimonial/shape-1.svg" alt="#">
                        <img class="shape2" src="assets/images/testimonial/shape-2.svg" alt="#">
                        <div class="inner-content">
                            <div class="qote-icon">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="text">
                                <h4>On the other hand denoun with righteous
                                    and disliks men who are beguiled demorae
                                    momentc blinded by desire that can</h4>
                            </div>
                            <div class="author">
                                <img src="assets/images/testimonial/testi-3.png" alt="#">
                                <h4 class="name">Jems Gilario
                                    <span class="deg">Graphics Designer</span>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Testimonial -->
                </div>
            </div>
        </div>
    </section>
    <!-- End Testimonial Area -->

    <!-- Start Blog Section Area -->
    <section class="blog-section section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h3 class="wow zoomIn" data-wow-delay=".2s">Blogs</h3>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">Our Latest News</h2>
                        <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
                            Ipsum available, but the majority have suffered alteration in some form.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay=".4s">
                    <!-- Start Single Blog Grid -->
                    <div class="single-blog-grid">
                        <div class="blog-img">
                            <a href="blog-single.html">
                                <img src="assets/images/blog/blog-1.jpg" alt="#">
                            </a>
                        </div>
                        <div class="blog-content">
                            <a class="category" href="javascript:void(0)">Web Solution</a>
                            <h4>
                                <a href="blog-single.html">Make a better website solution for your product.</a>
                            </h4>
                            <p>Lorem ipsum dolor sit amet, adipscing elitr, sed diam nonumy eirmod tempor ividunt dolore
                                magna.</p>
                            <a href="blog-single.html" class="more-btn">Read Blog <i
                                    class="lni lni-arrow-right"></i></a>
                        </div>
                    </div>
                    <!-- End Single Blog Grid -->
                </div>
                <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay=".6s">
                    <!-- Start Single Blog -->
                    <div class="single-blog-grid">
                        <div class="blog-img">
                            <a href="blog-single.html">
                                <img src="assets/images/blog/blog-2.jpg" alt="#">
                            </a>
                        </div>
                        <div class="blog-content">
                            <a class="category" href="javascript:void(0)">UI Interface</a>
                            <h4>
                                <a href="blog-single.html">The Science of Color Contrast — An Expert Designer’s
                                    Guide</a>
                            </h4>
                            <p>Lorem ipsum dolor sit amet, adipscing elitr, sed diam nonumy eirmod tempor ividunt dolore
                                magna.</p>
                            <a href="blog-single.html" class="more-btn">Read Blog <i
                                    class="lni lni-arrow-right"></i></a>
                        </div>
                    </div>
                    <!-- End Single Blog Grid -->
                </div>
                <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay=".8s">
                    <!-- Start Single Blog Grid -->
                    <div class="single-blog-grid">
                        <div class="blog-img">
                            <a href="blog-single.html">
                                <img src="assets/images/blog/blog-3.jpg" alt="#">
                            </a>
                        </div>
                        <div class="blog-content">
                            <a class="category" href="javascript:void(0)">Web Interface</a>
                            <h4>
                                <a href="blog-single.html">SEO Made Simple: A Step by Step Guide for 2020.</a>
                            </h4>
                            <p>Lorem ipsum dolor sit amet, adipscing elitr, sed diam nonumy eirmod tempor ividunt dolore
                                magna.</p>
                            <a href="blog-single.html" class="more-btn">Read Blog <i
                                    class="lni lni-arrow-right"></i></a>
                        </div>
                    </div>
                    <!-- End Single Blog Grid -->
                </div>
            </div>
        </div>
    </section>
    <!-- End Blog Section Area -->

    <!-- Start Call Action Area -->
    <section class="call-action style2">
        <div class="container">
            <div class="inner-content">
                <img class="bg-shape" src="assets/images/call-action/bg-shape.svg" alt="#">
                <div class="row align-items-center">
                    <div class="col-lg-6 col-md-7 col-12">
                        <div class="text">
                            <h2>Ready to dive in?
                                <br> Start your free trial today.
                            </h2>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-5 col-12">
                        <div class="button">
                            <a href="pricing.html" class="btn">Get started
                            </a>
                            <a href="about-us.html" class="btn btn-alt">Learn More
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Call Action Area -->

    <!-- Start Clients Logo Area -->
    <div class="client-logo">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-3 col-md-3 col-12 text-center">
                    <div class="single-logo">
                        <img src="assets/images/client-logo/graygrids-logo.svg" alt="#">
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-12 text-center">
                    <div class="single-logo">
                        <img src="assets/images/client-logo/lineicons-logo.svg" alt="#">
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-12 text-center">
                    <div class="single-logo">
                        <img src="assets/images/client-logo/pagebulb-logo.svg" alt="#">
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-12 text-center">
                    <div class="single-logo">
                        <img src="assets/images/client-logo/uideck-logo.svg" alt="#">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Clients Logo Area -->

    <!-- Start Footer Area -->
    <footer class="footer section">
        <!-- Start Footer Top -->
        <div class="footer-top">
            <div class="container">
                <div class="inner-content">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-12">
                            <!-- Single Widget -->
                            <div class="single-footer f-about">
                                <div class="logo">
                                    <a href="index.html">
                                        <img src="assets/images/logo/logo.svg" alt="#">
                                    </a>
                                </div>
                                <p>Making the world a better place through constructing elegant hierarchies.</p>
                                <p class="copyright-text"><span>© 2023 Blink.</span><a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a>
                                </p>
                            </div>
                            <!-- End Single Widget -->
                        </div>
                        <div class="col-lg-2 col-md-6 col-12">
                            <!-- Single Widget -->
                            <div class="single-footer f-link">
                                <h3>Solutions</h3>
                                <ul>
                                    <li><a href="javascript:void(0)">Marketing</a></li>
                                    <li><a href="javascript:void(0)">Analytics</a></li>
                                    <li><a href="javascript:void(0)">Commerce</a></li>
                                    <li><a href="javascript:void(0)">Insights</a></li>
                                </ul>
                            </div>
                            <!-- End Single Widget -->
                        </div>
                        <div class="col-lg-2 col-md-6 col-12">
                            <!-- Single Widget -->
                            <div class="single-footer f-link">
                                <h3>Support</h3>
                                <ul>
                                    <li><a href="javascript:void(0)">Pricing</a></li>
                                    <li><a href="javascript:void(0)">Documentation</a></li>
                                    <li><a href="javascript:void(0)">Guides</a></li>
                                    <li><a href="javascript:void(0)">API Status</a></li>
                                </ul>
                            </div>
                            <!-- End Single Widget -->
                        </div>
                        <div class="col-lg-4 col-md-6 col-12">
                            <!-- Single Widget -->
                            <div class="single-footer newsletter">
                                <h3>Subscribe</h3>
                                <p>Subscribe to our newsletter for the latest updates</p>
                                <form action="#" method="get" target="_blank" class="newsletter-form">
                                    <input name="EMAIL" placeholder="Email address" required="required" type="email">
                                    <div class="button">
                                        <button class="sub-btn"><i class="lni lni-envelope"></i>
                                        </button>
                                    </div>
                                </form>
                            </div>
                            <!-- End Single Widget -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/ End Footer Top -->
    </footer>
    <!--/ End Footer Area -->

    <!-- ========================= scroll-top ========================= -->
    <a href="#" class="scroll-top">
        <i class="lni lni-chevron-up"></i>
    </a>

    <!-- ========================= JS here ========================= -->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/tiny-slider.js"></script>
    <script src="assets/js/glightbox.min.js"></script>
    <script src="assets/js/count-up.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script>
        //========= testimonial 
        tns({
            container: '.testimonial-slider',
            items: 3,
            slideBy: 'page',
            autoplay: false,
            mouseDrag: true,
            gutter: 0,
            nav: true,
            controls: false,
            controlsText: ['<i class="lni lni-arrow-left"></i>', '<i class="lni lni-arrow-right"></i>'],
            responsive: {
                0: {
                    items: 1,
                },
                540: {
                    items: 1,
                },
                768: {
                    items: 1,
                },
                992: {
                    items: 1,
                },
                1170: {
                    items: 2,
                }
            }
        });

        //========= glightbox
        GLightbox({
            'href': '#',
            'type': 'video',
            'source': 'youtube', //vimeo, youtube or local
            'width': 900,
            'autoplayVideos': true,
        });
    </script>
</body>

</html>